.user-view-container {
  .view-root {
    .container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .header {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        //  溢出换行
        flex-wrap: wrap;
        .video-search-area {
          display: flex;
          align-items: center;
          .label {
            min-width: 70px;
          }
        }
      }

      .main {
        width: 100%;
        overflow: auto;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .table {
          min-height: 450px;
        }
        .pagination {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }

  }
}

